<template>
  <div class="about">
    <el-container>
    	<el-main>
    		<el-row :gutter="10">
    			<h2><img src="../assets/taobaowang/h1.png"/><span>
    				
    			与品质生活不期而遇</span></h2>
    			<el-col :span="4">
    			<a href="">
    				<img src="../assets/taobaowang/y1.webp"/>
    			</a>
    			<h5>Bite 唇釉</h5>
    			<p>简洁的深灰色包装，低调但</p>
    			</el-col>
    			<el-col :span="4"><a href="">
    				<img src="../assets/taobaowang/y2.webp"/>
    			</a>
    			<h5>低热量保持好身材，来</h5>
    			<p>低热量，鲜咸味，超饱腹</p>
    			</el-col>
    			<el-col :span="4"><a href="">
    				<img src="../assets/taobaowang/y3.webp"/>
    			</a>
    			<h5>入户鞋底清洁神</h5>
    			<p>这款鞋底清洁神器</p>
    			</el-col>
    			<el-col :span="4"><a href="">
    				<img src="../assets/taobaowang/y4.webp"/>
    			</a>
    			<h5>有了他，外开窗也能装</h5>
    			<p>巨发这款磁性纱窗，可反复</p>
    			</el-col>
    			<el-col :span="4"><a href="">
    				<img src="../assets/taobaowang/y5.webp"/>
    			</a>
    			<h5>苹果 iPhon X限量版手</h5>
    			<p>出色的外观，faceID技术。</p>
    			</el-col>
    			<el-col :span="4"><a href="">
    				<img src="../assets/taobaowang/y7.webp"/>
    			</a>
    			<h5>好利来黑天鹅蛋糕</h5>
    			<p>材料新鲜份量充足，奶香四</p>
    			</el-col>
    		</el-row>
    	</el-main>
    </el-container>
  </div>
</template>
<style>
	body{
		background: #F4F4F4;
	}
	section.el-container{
	}
.el-main{
	margin-left: 150px;
	margin-right: 150px;
}
   .about{
   	background: white;
   }
   h2 img{
   	height: 24px;
   	margin-left: 5px;
   }
   span {
   	font-size: 10px;
   	margin-left: 10px;
   	color: #999;
   }
	a img{
	 width: 100%;
	 }
</style>
